<template>
  <v-container>
    <!-- <v-layout> -->

    <v-layout row wrap align-start>
      <v-spacer />
      <v-flex justify-center>
        <v-img height="110" width="440" src="/static/logo-01.png"></v-img>
      </v-flex>
    </v-layout>
    <v-layout row align-start>
      <v-flex xl4>
        <v-flex align-self-end>
          <v-img height="360" width="480" src="/static/video.png"></v-img>
        </v-flex>
        <v-flex align-self-end>
          <v-img height="360" width="480" src="/static/dianbo.png"></v-img>
        </v-flex>
      </v-flex>
      <v-flex xl8>
        <v-flex align-self-start>
          <v-img height="360" width="660" src="/static/hudong.png"></v-img>
        </v-flex>
        <v-layout align-start>
          <v-flex align-self-end>
            <v-img height="360" width="320" src="/static/jiankong.png"></v-img>
          </v-flex>
          <v-flex align-self-start>
            <v-img height="360" width="320" src="/static/wechat.png"></v-img>
          </v-flex>
        </v-layout>
      </v-flex>
    </v-layout>

    <!-- <v-layout row wrap>
    <v-flex>
      <v-layout row wrap>
        <v-flex>
          <v-layout row wrap>
            <v-spacer />
            <v-flex align-right lg12>
              <v-img height="360" width="480" src="/static/video.png"></v-img>
            </v-flex>
          </v-layout>
        </v-flex>

        <v-flex>
          <v-layout row wrap>
            <v-flex>
              <v-spacer />
              <v-flex align-right lg12>
                <v-img height="360" width="480" src="/static/video.png"></v-img>
              </v-flex>
            </v-flex>
          </v-layout>
        </v-flex>
      </v-layout>
    </v-flex>-->

    <!-- <v-flex d-flex sm5>
            <History></History>
    </v-flex>-->
    <!-- </v-layout> -->
  </v-container>
</template>

<script>
import StatsIcon from "./components/statsIcon/statsIcon";
import Todo from "./components/todo/todo";
import History from "./components/history/history";
import StatsCurve from "./components/statsCurve/statsCurve";

export default {
  components: {
    StatsIcon,
    StatsCurve,
    Todo,
    History
  },
  data: () => ({
    dialogAdd: false,
    cards: [
      {
        title: "视频直播",
        src: "/static/video.png",
        flex: 12
      },
      {
        title: "Favorite road trips",
        src: "https://cdn.vuetifyjs.com/images/cards/road.jpg",
        flex: 6
      },
      {
        title: "Best airlines",
        src: "https://cdn.vuetifyjs.com/images/cards/plane.jpg",
        flex: 6
      },
      { title: "BBBB", src: "/assets/BG.jpg", flex: 6 }
    ],
    cardVide: {
      title: "视频直播",
      src: "/static/video.png",
      flex: 12
    }
  }),
  mounted() {},
  methods: {}
};
</script>

<style>
</style>
